<template>
    <div class="dy-main">
      <div class="dy-header">
        <x-header :left-options="{preventGoBack: true,backText: ''}" @on-click-back="back" @on-click-more="showMenus = true">保证金冻结</x-header>
      </div>
      <div class="dy-body">
        <group gutter=".01rem">
          <cell title="旅行社名称" :value="test1">携程旅行社</cell>
          <cell title="业务种类" :value="test1">保证金</cell>
           <x-input title="手机号码" placeholder="请输入手机号码" placeholder-align="right" text-align = "right" v-model="cardNo" label-width="2.05rem" class="cell"></x-input>
           <cell title="住址" :value="test1">上海市</cell>
           <cell title="手续费" :value="test1">0.00</cell>
        </group>
        <group gutter=".2rem">
          <cell title="账号" :value="test1">6210**** ****0871</cell>
          <cell title="可用余额" :value="test1">130，000.00</cell>
          <cell title="币种" :value="test1">人民币</cell>
           <x-input title="冻结金额" placeholder="请输入冻结金额" placeholder-align="right" text-align = "right" v-model="cardNo" label-width="2.05rem" class="cell"></x-input>
           <cell title="存期" :value="test1">3个月</cell>
           <cell title="转入定期账号" :value="test1">6210**** ****0871</cell>
           <cell title="利率" :value="test1">1.75%</cell>
           <cell title="冻结期限" :value="test1">正常冻结</cell>
           <cell title="同伴信息" :value="test1">添加同伴</cell>
           <cell title="领取方式" :value="test1">无需获取凭证</cell>
        </group>
      <p class="title">同伴信息<img src="../../assets/img/Deposit/down.png" alt="" width="12px" height="12px"/></p>
         <group gutter=".2rem">
          <cell title="同伴姓名" :value="test1">张三</cell>
          <cell title="同伴证件类型" :value="test1">中国居民身份证</cell>
          <cell title="同伴证件号码" :value="test1">430821**** ****7721</cell>
          <cell title="同伴手机号码" :value="test1">17688280320</cell>
           <!-- <x-input title="同伴手机号码" placeholder="请输入冻结金额" placeholder-align="right" text-align = "right" v-model="cardNo" label-width="2.05rem" class="cell"></x-input> -->

        </group>

        <img>
        <x-button type="default" class="sure" @click.native="toNext">冻结</x-button>
        <div class="warm">
          <p></p>
          <p></p>
          <p></p>
        </div>
      </div>
    </div>
</template>ß

<script>
export default{
  data () {
    return {
    }
  },
  methods: {
    back () {
      this.$router.isBack = true
      this.$router ? this.$router.back() : window.history.back()
      // console.log(this.$router.isBack)
    },
    toNext: function (e) {
      this.$router.push({name: 'BringForwardIptResult'})
    },
    getData () {
      let _this = this
      window.WebViewJavascriptBridge.callHandler('nativeRequest',
        JSON.stringify({
          'requstSource': 'internetRequest',
          'url': 'mstep.do?act=business',
          'params': {'method_Name': 'CI009004', 'user_Data': {'cardNo': '5556655', 'payeeName': 'hhh', 'payeeNo': '565654', 'tranAmt': '7.7', 'tranMode': '1', 'mobile': '123123124', 'payPwd': '3333', 'checkMethod': ['ffff', 'ddddd']}}
        }),
        function (response) {
          response = JSON.parse(response)
          if (response.status === 0 || response.status === '0') {
            _this.requestData = response.data.data[0]
            this.$router.push({name: 'EAccountApproveFailed'})
          } else {
            console.log('fail')
          }
        })
    }
  }
}
</script>

<style scoped lang="less">
  .sure{
    line-height:0.88rem;
    width:6.9rem;
    margin-left: 0.3rem;
    margin-top: 0.49rem;
    background: #EC1B30;
    font-size: 0.3rem;
    border-radius: 0.06rem;
    color: white;
    &.forbiden{
      opacity: .5;
    }
  }
  .post{
    background:#EC1B30;
    color: white;
  }
p.title {
    color: #999;
    margin-left: 0.32rem;
    margin-right: 0.29rem;
    margin-top: 0.38rem;
  }
  .warm{
    width: 100%;
    padding: .36rem .3rem;
    color: #999;
    &>p{
      padding-bottom: .27rem;
    }
  }
</style>
